<template>
        <!--酒店基本信息-->
        <div class="hotel-info" id="_j_hotel_info">
            <div class="info-sectionn">
                <dl class="clearfix" style="text-align: left;">
                    <dt>{{sectionn.title1}}</dt>
                    <dd class="clearfix">
                        <!--1-->
                        <div class="cell">
                            <span class="label">入住时间:</span>
                            <span class="contentt">
                            <strong>{{sectionn.check_in}}</strong>之后
                        </span>
                        </div>
                        <!--2-->
                        <div class="cell">
                            <span class="label">离店时间: </span>
                            <span class="contentt">
                            <strong>{{sectionn.check_out}}</strong>之前
                        </span>
                        </div>
                        <!--3-->
                        <div class="cell">
                            <span class="label">建成于: </span>
                            <span class="contentt"><strong>{{sectionn.activate}}</strong>年</span>
                        </div>
                        <!--4-->
                        <div class="cell">
                            <span class="label">翻修于: </span>
                            <span class="contentt"><strong>{{sectionn.overhaul}}</strong>年</span>
                        </div>
                        <!--5-->
                        <div class="cell">
                            <span class="label">酒店规模: </span>
                            <span class="contentt"><strong>{{sectionn.hotel_size}}</strong>间客房</span>
                        </div>
                    </dd>
                </dl>
            </div>

            <!--主要设施-->
            <div class="info-section" style="width: 1000px">
                <div class="expand-wrap" id="_j_facility_info" style="height: 72px; text-align: left">
                    <!--主要设施-->
                    <dl class="clearfix">
                        <dt>主要设施</dt>
                        <dd>
                            <ul class="facility-item clearfix">
                                <li><i class="icon-bg icon-wifi"></i>wifi服务</li>
                                <li><i class="icon-bg icon-park"></i>免费停车场</li>
                                <li><i class="icon-bg icon-elevator"></i>电梯</li>
                                <li class="off">
                                    <i class="icon-bg icon-restaurant"></i>餐厅
                                </li>
                                <li><i class="icon-bg icon-consign"></i>行李寄存</li>
                                <li><i class="icon-bg icon-24hours"></i>24小时服务</li>
                                <li><i class="icon-bg icon-thermos"></i>热水壶</li>
                                <li><i class="icon-bg icon-blower"></i>吹风机</li>
                            </ul>
                        </dd>
                    </dl>
                    <!--酒店服务-->
                    <dl class="clearfix">
                        <dt>酒店服务</dt>
                        <dd>
                            <ul class="facility-item clearfix">
                                <li><i class="icon-bg icon-ok"></i>接机服务</li>
                                <li><i class="icon-bg icon-ok"></i>洗衣服务</li>
                                <li><i class="icon-bg icon-ok"></i>门卫</li>
                                <li><i class="icon-bg icon-ok"></i>客房服务</li>
                                <li><i class="icon-bg icon-ok"></i>擦鞋服务</li>
                                <li><i class="icon-bg icon-ok"></i>租车服务</li>
                                <li><i class="icon-bg icon-ok"></i>干洗服务</li>
                                <li><i class="icon-bg icon-ok"></i>快速入住服务</li>
                                <li><i class="icon-bg icon-ok"></i>叫车服务</li>
                                <li><i class="icon-bg icon-ok"></i>熨衣服务</li>
                                <li><i class="icon-bg icon-ok"></i>接站服务</li>
                                <li><i class="icon-bg icon-ok"></i>礼宾服务</li>
                                <li><i class="icon-bg icon-ok"></i>私人登记入住/退房</li>
                                <li><i class="icon-bg icon-ok"></i>多国语言工作人员</li>
                                <li><i class="icon-bg icon-ok"></i>旅游交通图</li>
                                <li><i class="icon-bg icon-ok"></i>一次性账单结算</li>
                                <li><i class="icon-bg icon-ok"></i>信用卡结算</li>
                                <li><i class="icon-bg icon-ok"></i>行李服务</li>
                                <li><i class="icon-bg icon-ok"></i>24小时大堂经理</li>
                            </ul>
                        </dd>
                    </dl>
                    <!--酒店设施-->
                    <dl class="clearfix">
                        <dt>酒店设施</dt>
                        <dd>
                            <ul class="facility-item clearfix">
                                <li><i class="icon-bg icon-ok"></i>中餐厅</li>
                                <li><i class="icon-bg icon-ok"></i>咖啡厅</li>
                                <li><i class="icon-bg icon-ok"></i>酒吧</li>
                                <li><i class="icon-bg icon-ok"></i>卡拉OK厅</li>
                                <li><i class="icon-bg icon-ok"></i>棋牌室</li>
                                <li><i class="icon-bg icon-ok"></i>健身房</li>
                                <li><i class="icon-bg icon-ok"></i>会议设施</li>
                                <li><i class="icon-bg icon-ok"></i>日式餐厅</li>
                                <li><i class="icon-bg icon-ok"></i>西餐厅</li>
                                <li><i class="icon-bg icon-ok"></i>休息区</li>
                                <li><i class="icon-bg icon-ok"></i>茶室</li>
                                <li><i class="icon-bg icon-ok"></i>大堂吧</li>
                                <li><i class="icon-bg icon-ok"></i>公共区域监控</li>
                                <li><i class="icon-bg icon-ok"></i>多功能厅</li>
                                <li><i class="icon-bg icon-ok"></i>多媒体演示系统</li>
                                <li><i class="icon-bg icon-ok"></i>专用展览厅</li>
                            </ul>
                        </dd>
                    </dl>

                    <dl class="clearfix">
                        <dt>房间设施</dt>
                        <dd>
                            <ul class="facility-item clearfix">
                                <li><i class="icon-bg icon-ok"></i>叫醒服务</li>
                                <li><i class="icon-bg icon-ok"></i>国内长途电话</li>
                                <li><i class="icon-bg icon-ok"></i>24小时热水</li>
                                <li><i class="icon-bg icon-ok"></i>保险箱</li>
                                <li><i class="icon-bg icon-ok"></i>浴衣</li>
                                <li><i class="icon-bg icon-ok"></i>浴缸</li>
                                <li><i class="icon-bg icon-ok"></i>雨伞租借服务</li>
                                <li><i class="icon-bg icon-ok"></i>熨衣设备</li>
                                <li><i class="icon-bg icon-ok"></i>多种规格电源插座</li>
                                <li><i class="icon-bg icon-ok"></i>小冰箱／迷你吧</li>
                                <li><i class="icon-bg icon-ok"></i>无烟房</li>
                                <li><i class="icon-bg icon-ok"></i>宽带上网</li>
                                <li><i class="icon-bg icon-ok"></i>国际长途电话</li>
                                <li><i class="icon-bg icon-ok"></i>空调</li>
                                <li><i class="icon-bg icon-ok"></i>阳台/露台</li>
                                <li><i class="icon-bg icon-ok"></i>电视</li>
                                <li><i class="icon-bg icon-ok"></i>淋浴设施</li>
                                <li><i class="icon-bg icon-ok"></i>咖啡壶／茶具</li>
                                <li><i class="icon-bg icon-ok"></i>沙发</li>
                                <li><i class="icon-bg icon-ok"></i>露台</li>
                                <li><i class="icon-bg icon-ok"></i>拖鞋</li>
                                <li><i class="icon-bg icon-ok"></i>衣柜/衣橱</li>
                                <li><i class="icon-bg icon-ok"></i>110V电压插座</li>
                                <li><i class="icon-bg icon-ok"></i>220V电压插座</li>
                                <li><i class="icon-bg icon-ok"></i>免费洗漱用品</li>
                                <li><i class="icon-bg icon-ok"></i>遮光窗帘</li>
                                <li><i class="icon-bg icon-ok"></i>鸭绒被</li>
                                <li><i class="icon-bg icon-ok"></i>毯子或被子</li>
                                <li><i class="icon-bg icon-ok"></i>开床服务</li>
                                <li><i class="icon-bg icon-ok"></i>欢迎礼包</li>
                                <li><i class="icon-bg icon-ok"></i>坐卧两用长沙发</li>
                                <li><i class="icon-bg icon-ok"></i>自动窗帘</li>
                                <li><i class="icon-bg icon-ok"></i>针线包</li>
                                <li><i class="icon-bg icon-ok"></i>私人入口</li>
                                <li><i class="icon-bg icon-ok"></i>书桌</li>
                                <li><i class="icon-bg icon-ok"></i>闹钟</li>
                                <li><i class="icon-bg icon-ok"></i>免费报纸</li>
                                <li><i class="icon-bg icon-ok"></i>更衣室</li>
                                <li><i class="icon-bg icon-ok"></i>体重称</li>
                                <li><i class="icon-bg icon-ok"></i>电话</li>
                                <li><i class="icon-bg icon-ok"></i>音响设备</li>
                                <li><i class="icon-bg icon-ok"></i>iPod音乐基座</li>
                                <li><i class="icon-bg icon-ok"></i>洗浴间电视</li>
                                <li><i class="icon-bg icon-ok"></i>洗浴间电话</li>
                                <li><i class="icon-bg icon-ok"></i>化妆镜</li>
                                <li><i class="icon-bg icon-ok"></i>报纸</li>
                                <li><i class="icon-bg icon-ok"></i>儿童客房用品</li>
                            </ul>
                        </dd>
                    </dl>

                </div>
                <!--展开全部-->
                <div style="text-align: left">
                    <a class="expand-more" id="_j_facility_info_expand_trigger" href="javascript:;" data-is-expand="0">
                        <i class="icon-bg icon-more"></i>
                        <span>展开全部</span>
                    </a>
                </div>

            </div>
            <!--下划线-->
            <div class="info-section" style="text-align: left;width: 1000px">
                <a style="color: #666;font-weight: bold;text-decoration: none;cursor: default;" target="_blank" href="#">
                    蜂寻酒店平台合作伙伴
                </a>
            </div>

            <!--酒店攻略-->
            <div class="info-section" style="width: 1000px;text-align: left">
                <div class="expand-wrap" id="_j_description" style="height: auto;">
                    <dl class="clearfix">
                        <dt>{{sectionn.title2}}</dt>
                        <dd>{{sectionn.count}}</dd>
                    </dl>
                </div>
                <a class="expand-more" id="_j_description_expand_trigger" href="javascript:;" style="display:none" data-is-expand="0">
                    <i class="icon-bg icon-more"></i>
                    <span>展开全部</span>
                </a>
            </div>

            <div class="info-section" style="text-align: left;width: 1000px">
                <dl class="clearfix">
                    <dt>{{sectionn.title3}}</dt>
                    <dd>{{sectionn.count1}}</dd>
                </dl>
            </div>
        </div>
</template>

<script>
    export default {
        name: "Hotelinfo",
        props:["sectionn"]
    }
</script>

<style scoped>
    .hotel-info .cell .contentt{
        color: #333;
        letter-spacing: .5px;  /*字体间距*/
        vertical-align: bottom;  /*垂直对齐*/
    }

    .hotel-info .cell .contentt strong{
        font-size: 18px;
        font-weight: normal;
        vertical-align: bottom;
    }

    .info-sectionn {
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        line-height: 24px;
        width: 1000px
    }

    .info-sectionn dl {
        margin-left: 155px
    }

    .info-sectionn dl+dl {
        margin-top: 5px;
        padding-top: 20px;
        border-top: 1px dashed #cecece
    }

    .info-sectionn dt {
        float: left;
        display: inline;
        margin-left: -155px;
        width: 155px;
        font-size: 16px
    }
    .text-left{
        text-align: left;
    }
</style>